<template>
  <div class="links" :style="logoStyle">
     <a v-for="(item, index) in thisContext"
      :key="index"
      target="_blank"
      href="javascript:void(0);"
      @click="jump(item.url)">
      {{item.msg}}&nbsp;&nbsp; | &nbsp;&nbsp; 
     </a>
  </div>
</template>
<script lang="ts">
import { defineComponent,ref, reactive ,watchEffect,watch} from "vue";

export default defineComponent({
  props: {
    context: {
      type: Array,
      default: () => [{msg:'关于我们',url:'/aboutme'},{msg:'联系我们',url:'/about'},{msg:'人才招聘',url:'/about'},{msg:'友情链接',url:'/about'}],
    },
  },
setup: (props, context) => {
  const jump = (url)=>{
    window.open(url, '_blank')
  }
  const returnInfo = reactive({
    thisContext: props.context,
    jump,
  });
  console.log(returnInfo.thisContext)
  return returnInfo;
},
})
</script>
<style scoped lang="less">
.links{
    width: 70%;
    margin: 15px;
    margin-left: 15%;
}
</style>